<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE-LT</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="static/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="static/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="static/bower_components/Ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="static/dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="static/dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="static/plugins/nav/navTab.css">

<link rel="stylesheet" href="static/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/style.min.css">
<link rel="stylesheet" href="static/css/common.min.css">
<link rel="stylesheet" href="static/css/main.css">
</head>

<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper" id="ltLTE" v-cloak>
		<!-- 头部 -->
		<header class="main-header">

			<a href="index.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels --> <span
					class="logo-mini">
					<b>A</b>LT
				</span> <!-- logo for regular state and mobile devices --> <span class="logo-lg">
					<b>Admin</b>LTE
				</span>
			</a>

			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span
						class="sr-only">Toggle navigation</span>
				</a>
				<div style="float: left; color: rgb(255, 255, 255); padding: 15px 10px;">欢迎
					{{user.realname}}</div>
				<!-- Navbar Right Menu -->
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<li>
							<a href="index.html"> <i class="fa fa-home"></i> &nbsp;首页
							</a>
						</li>
						<li>
							<a href="http://dp-dev.mydoc.io/" target="_blank"> <i class="fa fa-paper-plane"></i>
								&nbsp;项目文档
							</a>
						</li>
						<li>
							<a href="javascript:;" @click="updatePassword"> <i class="fa fa-lock"></i> &nbsp;修改密码
							</a>
						</li>
						<li>
							<a href="javascript:;" @click="logout"> <i class="fa fa-sign-out"></i> &nbsp;退出系统
							</a>
						</li>
					</ul>
				</div>

			</nav>
		</header>
		<!-- 头部end -->
		<!-- 导航栏 -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu tree" data-widget="tree">
					<li class="header" style="color: white;">导航菜单</li>
					<menu-item :item="item" v-for="item in menuList"></menu-item>

				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>
		<!-- 导航栏end -->
		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<section class="content-header" style="padding: 0; background-color: white">
				<div id="navTab" class="tabsPage">
					<div class="tabsPageHeader">
						<div class="tabsPageHeaderContent">
							<!-- 显示左右控制时添加 class="tabsPageHeaderMargin" -->
							<ul class="navTab-tab" style="left: 0px;">
								<li class="main selected" data-url="system/index/main.html">
									<a href="javascript:;"> <span class="home_icon">我的主页</span>
									</a>
								</li>


							</ul>
						</div>
						<div class="tabsLeft" style="display: none;">left</div>
						<!-- 禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled" -->
						<div class="tabsRight" style="display: none;">right</div>
						<!-- 禁用只需要添加一个样式 class="tabsRight tabsRightDisabled" -->

						<div class="tabsMore">more</div>
					</div>
				</div>
			</section>

			<!-- 菜单下拉显示 -->
			<ul class="tabsMoreList" style="display: none;">
				<li class="selected" data-url="system/index/main.html">
					<a href="javascript:;">我的主页</a>
				</li>

			</ul>

			<!-- Main content -->
			<section class="content" style="background: #fff;">
				<iframe scrolling="yes" frameborder="0" class="cy-show"
					style="width: 100%; min-height: 200px; overflow: visible; background: #fff;"
					src="system/index/main.html"></iframe>
			</section>

		</div>
		<!-- iframe -->
		<!-- /.content-wrapper -->
		<footer class="main-footer">
			<div class="pull-right hidden-xs" style="padding-right: 230px;">
				<b>Version</b> 1.0.0
			</div>
			<strong>Copyright &copy; 2018-2019 <a href="https://gitee.com/soft_luotuo/SSM-Shiro-Vue-Ehcache">Soft_LuoTuo</a>.
			</strong> All rights reserved.
		</footer>
	</div>




	<script src="static/bower_components/jquery/dist/jquery.min.js"></script>
	<script src="static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
	<script src="static/bower_components/jquery-slimscroll/jquery.slimscroll.js"></script>
	<script src="static/dist/js/adminlte.min.js"></script>
	<script src="static/plugins/js/utils.js"></script>
	<script src="static/plugins/ContextJS/js/context.js"></script>
	<script src="static/plugins/nav/navTab.js"></script>
	<script src="static/plugins/vue/vue.min.js"></script>
	<script src="static/plugins/vue/router.js"></script>
	<script src="static/plugins/js/common.js"></script>
	<script src="static/plugins/js/index.js"></script>
	<script src="static/plugins/layer/layer.js"></script>
	<script src="static/plugins/js/cyLayer.js"></script>
</body>

</html>